跳到主要内容

CSS 透视

阐述

透视可以使得 CSS 元素在 z 方向上移动时出现近大远小的效果。为了使用透视,需要在父元素上指定一个视点位置:

{
perspective: <length>
}

或在 CSS 变换中加入视点函数:perspective(<length>)

实例

<style>
.box {
transform: perspective(250px) rotateX(45deg);
}
</style>

<div class="container">
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
</div>

性质

相关内容

参考文献